<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/stylt.css"/>
		<style type="text/css">
			/* 
				注释的写法，只有这一种
			 */
			p{
				color: #057ED4; 
				/* 先是继承了style.css中的样式,再重写部分指定的style.css中的样式 
					继承和重写可以很大的提高代码的使用
				*/
			}
		</style>
	</head>
	<body>
		CSS：作用就是只是用来装饰页面，美化
		语法：
			选择器 声明快
		
		选择器{
			属性：值
		}
		注意：声明块中的代码都是以分号结尾，最后一排属性和值可以不使用；
			结尾，但要求大家都加上写的位置
			
			行内样式：优先级最高；缺点：代码不能复用
			内部样式：style标签中，一般都是写在head中
			外部样式：写在一个单独的css后缀文件当中,通过link标签引入
			内部样式和外部样式的优先，由哪个后引入为准。
		选择器：最重要
		
		
		<p style="color: #FF0000;">红色文字</p>
		<span style="font-size: 20px;">
			放大的字体
		</span>
		<br>
		<span style="font-size: 20px;color: #F17704;">
			放大、颜色改变字体
		</span>
		<p>内部样式的文字颜色</p>
	</body>
</html>
